@import "mixins";

$val1: 97px;
$val2: 24px;
$val3 : 14px;
$val4 : 12px;
$val5 : 39px;
%pos1{
	box-sizing:border-box;
}
div.bottom_top{
	width:100%;
	height:90px;
	@extend %pos1;
	border:1px solid #d0d0d0;
	background:#f7f7f7;
	position:relative;
	bottom:0;
	>div.bottom_font{
		width:1416px;
		height:auto;
		padding:21px 95px 20px;
		@extend %pos1;
		p{
			font-size:12px;
			color:#363636;
			padding:0 12px;
			@extend %pos1;
		}
	}
}
div.bottom_middle{
	background:#f7f7f7;
	width:100%;
	height:380px;
	padding-top:22px;
	@extend %pos1;
	border-top:1px solid #d0d0d0;
	>div.b_m_in{
		width:1440px;
		padding:0 24px;
		margin:0 39px;
		@extend %pos1;
		div.middle_bottom{
			margin-top:30px;
			p{
				font-size:12px;
				margin:2px 0;
			}
		}
		>a{
			float:right;
			margin-right:$val5;
			font-size:12px;
			display:inline-block;
			span.icon-arrow_up{
				font-size:12px;
			}
		}
		div.middle_list{
			width:1390px;
			height:241px;
			padding-top:28px;
			@extend %pos1;
			margin-left:2px;
			ul.bottom_ul{
				margin-top:32px;
			}
			ul{
				width:20%;
				float:left;
				p{
					font-size:14px;
					font-weight:700;
					padding-bottom:13px;
				}
				li{
					line-height:20px;
					padding-bottom:2px;
					a:hover{
							text-decoration:underline;
					}
					a{
						font-size:12px;
						color:#000;
						display:inline-block;
						
						span{
							font-size:9px;
							color:#000;
							font-weight:700;
						}
					}
				}
			}
			
			
		}
	}
}

div.bottom_bom{
	width:100%;
	background:#525252;
	height:60px;
	div.bttom_bom_con{
		padding:0 22px;
		margin:0 40px;
		@extend %pos1;
		ul{
			float:left;
			li{
				font-size:12px;
				font-weight:700;
				color:#fff;
				height:60px;
				line-height:60px;
				float:left;
				a{
					color:#fff;
				}
				a.iconfont{
					font-size:35px;
				}
			}
		}
		ul:nth-child(1) li {
			margin-right:24px;
			margin-bottom:10px;
		}
		ul:nth-child(2) {
			float:right;
			li {
				margin-right:10px;
			}
		}
	}
}
